<template>
    <div class="banner">
        <img src="../assets/banner.png">
        <button class="light_btn">关注</button>
        <button class="dark_btn">私信</button>
        <div class="label">
            <div class="inner_label">
                <table>
                    <tbody>
                        <tr>
                            <td><a href="#"><span>她的主页</span></a></td>
                            <td><a href="#"><span>她的相册</span></a></td>
                            <td><a href="#"><span>作品</span></a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>
<style>

.banner{
    padding-left: 295px;
    padding-top: 65px; 
}

.banner img{
    width: 900px;
    position: absolute;
    z-index: -1;
}
.banner button{
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
    display: inline;
    height: 34px;
    line-height: 35px;
    font-size: 14px;
    width: 104px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    border: 0px solid;
}
.banner .light_btn{
    
    background: linear-gradient(to bottom, #fa7d3c 0%,#f55f10 100%);
    margin-left: 307px;
    margin-top: 214px;
}

.banner .dark_btn{
    background: linear-gradient(to bottom, #5f636d 0%,#535861 100%);
    margin-left: 34px;
}
.label{
    background-color: #fff;
    margin-top: 37px;
    width: 900px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.label .inner_label{
    width: 60%;
    margin: 0 auto;
}
table{
    text-align: center;
    padding: 0 7px;
}
td{
    width: 184px;
    margin-bottom: 16px;
    height: 36px;
}
a{
    text-decoration: none; 
}
span{
    /* font-weight: bold; */
    color: #333;
    font-size: 14px;
}


</style>


<script>

export default{


}


</script>